@media all {
    html {
        font-size: 16px;
    }
}
@media all and (min-width: 140px){
    html {
        font-size: 9px;
    }
}

@media all and (min-width: 220px){
    html {
        font-size: 9px;
    }
}

@media all and (min-width: 300px){
    html {
        font-size: 16px;
    }
}

@media all and (min-width: 420px){
    html {
        font-size: 24px;
    }
}
@media all and (min-width: 500px){
    html {
        font-size: 28px;
    }
}
@media all and (min-width: 580px){
    html {
        font-size: 32px;
    }
}
@media all and (min-width: 720px){
    html {
        font-size: 32px;
    }
}
@media all and (min-width: 860px){
    html {
        font-size: 46px;
    }
}
@media all and (min-width: 1000px){
    html {
        font-size: 50px;
    }
}

